{% include 'include/header.twig.html' %}
<link rel="stylesheet" href="/assets/css/bootstrap-datetimepicker.css"/>
<link href="/assets/JSON-handle/css/jsonH.css" type="text/css" rel="stylesheet" media="all" />
<script type="text/javascript" src="/assets/js/eModal.min.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/jh.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/lang.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/JSON.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/treeNav.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/ad.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/listenResizeWin.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/jsonH/nav.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/jsonH.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/envSetting.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/jsonlint.js"></script>
<script type="text/javascript" src="/assets/JSON-handle/js/pageInit.js"></script>
<style type="text/css">
    #ui-datepicker-div {
        font-size: 11px;
    }
    .ui-menu-item {
    }
    .ui-autocomplete {
        font-size: 11px;
    }
</style>
<div class="page-title">
    <div class="title_left" style="width: 300px">
        <h3 style="font-size: 2em;">内嵌JsonHandler</h3>
    </div>
</div>
<div class="container">
    <div>
        <div id="jsonData" style="display:none;"></div>

        <div id="pathTips"></div>

        <div id="panel" class="min disTransition"><span id="minBtn">◥</span>
            <div id="valueAct">
                <div class="topBox">
                    <span class="inputTitle langID_title_1">Path: </span><input type="text" id="showPath" readonly="true" class="textInpub" /><br />
                    <span class="lableInput"><span class="inputTitle langID_title_2">Key: </span><input type="text" id="showKey" class="textInpub" /><span> :</span></span>
                    <span>
                        <button id="copyValue" class="langID_button_9">复制</button>
                        <span id="copyTips" class="copy-tips langID_msg_6"></span>
                    </span><br />

                </div>
                <textarea id="showValue" rows="22" cols="66" spellcheck="false"></textarea><br />
                <div class="bottomBox">
                    <a href="#" target="_blank" id="showLink" class="langID_title_3">Link</a>
                    <button id="saveBtn" type="button" class="langID_button_1">修改</button>
                    <button id="undoBtn" type="button" class="langID_button_5" style="visibility:hidden;">&#8678;撤销</button>
                    <button id="redoBtn" type="button" class="langID_button_6" style="visibility:hidden;">前进&#8680;</button>
                    <div id="msgBox"></div>

                    <button id="gotoCur" type="button" class="langID_button_7">gotoCur</button>
                    <button id="expandAll" type="button" class="langID_button_4">expandAll</button>
                    <button id="collapseAll" type="button" class="langID_button_2">collapseAll</button>
                    <button id="expandCur" type="button" class="langID_button_3">expandCur</button>
                    <br /><br />
                    <input type="checkbox" id="showValueInNav" checked="checked" /><label for="showValueInNav" class="langID_label_1">显示值</label>
                    <span id="showImgAuto"><input type="checkbox" id="showImg" /><label for="showImg" class="langID_label_4">自动展示图片</label></span>
                    <span><input type="checkbox" id="showArrLeng" /><label for="showArrLeng" class="langID_label_5">显示数组长度</label></span>
                    <input type="checkbox" id="showIco" /><label for="showIco" class="langID_label_2">图标</label>
                    <span id="showIcoAsFolder"><input type="checkbox" id="icoAsFolder" /><label for="icoAsFolder" class="langID_label_3">文件夹风格</label></span>
                    <div class="tools2">
                        <button style="display:none;" disabled="true" id="saveFile" type="button" class="langID_button_8">saveFile</button>
                    </div>
                </div>
            </div>
            <button id="optBtn" class="setting-btn langTitleID_title_10" type="button"></button>

            <div id="rcmd"></div>
        </div>
        <div id="jsonNav" class="treeNav"></div>
        <div id="mask" style="display:none;">
            <div id="enterInputDialog">
                <div id="enterInputTips"><label for="enterValue">Input JSON String... </label></div>
                <form id="enterForm" method="get" action="">
                    <textarea id="enterValue" name="enterValue" spellcheck="false"></textarea><br />
                    <button id="jsObjEnterOk" type="button" name="inputFormat" value="jsObj" title="input string is js object code.">js object</button>
                    <button id="enterOk" type="submit">OK</button>
                </form>
            </div>
        </div>
        <span id="sigh" style="display:none;">!</span>
        <div id="errorTips" style="display:none;"><div id="errorBtn"><span id="closeError">☓</span></div><div id="tipsBox"></div><div id="errorCode"></div></div>
        <div id="hideBox"></div>
    </div>
</div>

<script type="text/javascript">

    $(function () {

    });

</script>

{% include 'include/footer.twig.html' %}